<template>
    <div class="home">
        <div class="header">
            <span><i class="iconfont icon-dingweixiao"></i></span>
            <span>
                <i class="iconfont icon-saomiao"></i>
                <i class="iconfont icon-erweima"></i>
                <i class="iconfont icon-xiaoxi"></i>
            </span>
        </div>
        <Search></Search>
        <Banner></Banner>
        <Nav></Nav>
        <Contentone></Contentone>
        <Contenttwo></Contenttwo>
    </div>
</template>

<script>
import Banner from '../components/home/Banner.vue';
import Contentone from '../components/home/Content1.vue';
import Contenttwo from '../components/home/Content2.vue';
import Nav from '../components/home/Nav.vue';
import Search from '../components/home/Search.vue';

export default {
    components: { Banner, Search, Nav, Contentone,Contenttwo}
}
</script>

<style scoped lang="scss">
.home {
    height: 100vh;
    background-color: #DFA969;

    .header {
        display: flex;
        justify-content: space-between;

        span {
            i {
                font-size: 50px;
                margin: 0 20px;
            }
        }
    }
}
</style>